{% extends "base_template.html" %}

{% block content %}

	<div id="content" >
		<h1>Articles Cyberyoubots :</h1>
		{% for element in news %}
		<div class="news">
			<img class="news_image" title="{{ element.title }}" alt="cyber_jambe" src="/static/images/{{ element.image }}">
			<div class="news_content">
				<h2>{{ element.title }}</h2>
				<p>
					{{ element.min_content }}...
					<br/><br/>
					<a class="ensavoisplus" href="/article/{{ element.id_title }}"><strong>En savoir plus.</strong></a>
				</p>
			</div>
		</div>
		{% endfor %}
	</div>
	
	
	
	<div class="clear"></div>
	<div id="footer">
		<a title="google +" class="googleplus" href="https://plus.google.com/113173985943297973787"></a>
		<a title="facebook" class="facebook" href="http://www.facebook.com/Cyberyoubots974"></a>
		<a class="github" title="github" href="https://github.com/cyberyoubots/cyberyoubots"></a>
		<div class="fb-like" data-href="https://www.facebook.com/Cyberyoubots974" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark" data-font="tahoma"></div>
		<a class="contact" title="Get RSS feed" href=""></a>
		<!-- Placez cette balise là où vous souhaitez positionner le bouton +1. -->
		<div class="g-plusone" data-annotation="inline"></div>

		
		<!-- Placez cet appel d'affichage à l'endroit approprié. -->
		<script type="text/javascript">
		  (function() {
		    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
		    po.src = 'https://apis.google.com/js/plusone.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
		  })();
		</script>
		
		<div id="fb-root"></div>
		<script>(function(d, s, id) {
		  var js, fjs = d.getElementsByTagName(s)[0];
		  if (d.getElementById(id)) return;
		  js = d.createElement(s); js.id = id;
		  js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
		  fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>
	</div>

	
{% endblock %}